require.config({
  'paths':{
    'jquery':"//apps.bdimg.com/libs/jquery/2.1.4/jquery.min"
  }
});

define(['jquery'],function($){
  function TimerBtn(){

    let timer = null,
  cfg = {
    container:'body',
  delay:6,
  title:'同意',
  onclick:''
  };
let $btn = $("<input type='button' class='timer-button' value='同意(6s)' disabled/>");

//事件绑定放在show方法里，每次show一次就绑定一次
this.show=function(conf){
  // 1.dom结构
  $(cfg.container).append($btn);
  //更新最近的结构
  $.extend(cfg,conf);
  //把最新的结构反应到dom元素上去
  $btn.val(cfg.title+'('+cfg.delay+'s)');

$btn.attr('disabled','disabled');

timer = setInterval(()=>{
  cfg.delay--;

  if (cfg.delay <= 0){
    clearInterval(timer);
    $btn.val(cfg.title);
    $btn.removeAttr('disabled');
  } else{
    $btn.val(cfg.title+'('+cfg.delay+'s)');
  }
},1000)

//2.事件绑定
$btn.click(cfg.onclick())
  } 

}
return TimerBtn;

});



